#show-wrap {
  /* fixed width, centered in viewport */
  width: 1300px;
  margin:0 auto;
  margin-left: -650px;
  left: 50%;
/*  left: -600px;  all width 1/2 */
/*  margin-left: 50%;*/
  position: relative;
}
.showcase {
  width: 100%;
  height: 360px;
  visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.showcase img {
  cursor: pointer;
}
#item-title {
  color: #F31414;
  font-size: 29px;
  letter-spacing: 0.13em;
  text-shadow: 1px 1px 6px #C72B2B;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 22px;
}

/* custom */
/*.cloud9-item.on:before {
    opacity:0;
}
.cloud9-item:hover:before {
    opacity:0;
}
.cloud9-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	  transition:.3s;
    background: rgba(0, 0, 0, 0.6);
}*/
.cloud9-item.on{opacity: 1;}
.cloud9-item{opacity: 0.5;}

.index-pro{background:url(/images/index8.jpg) no-repeat center;background-size:cover;}
.con02{height:670px;margin:0px auto;}
.con02 div.show-text{text-align:center;color:#fff;font-size:16px;font-weight:400;}
.con02 .cloud9-item{background:#fff;width:500px;height:360px;}
.index-pro .con .cate{text-align: center;margin-bottom:35px;}
.index-pro .con .cate .ca1{display: inline-block;margin-right:40px;color:#fff;margin-bottom:10px;}
.index-pro .con .cate .ca1.cur{color:#0addc2;}
.index-pro .con .cate .ca2{display: inline-block;}
.index-pro .con .cate .ca2 i{color:#a7a7a7;}
.index-pro div.show-line{text-align: center;}
.index-pro div.show-line span{display: inline-block;width: 500px;height: 3px;background:#0addc2;-webkit-transform: scale(0,1);transform: scale(0,1);vertical-align: top;-webkit-animation: show-line 5s ease;animation: show-line 3s ease;animation-fill-mode: none;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes show-line{0%{-webkit-transform:scale(0,1);transform:scale(0,1)}
100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes show-line{0%{-webkit-transform:scale(0,1);transform:scale(0,1)}
100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
}
.index-pro .con02 p.tit1{margin:10px auto;color:#0addc2;font-size:18px;line-height: 24px;}
.index-pro .con02 p.txt1{color:#fff;font-size:28px;line-height: 30px;}
.index-pro .con02 p.ttt1{color:#fff;font-size:14px;line-height: 24px;margin:10px auto 25px;}
.index-pro div.more-btn{text-align:center;margin-top:20px}
.index-pro div.more-btn a{display:inline-block;width:48px;height:48px;background:#0addc2;border-radius:50%;-webkit-transition:all .8s .1s!important;transition:all .8s .1s!important}
.index-pro div.more-btn a:hover{background:0 0;border:1px solid #0addc2;-webkit-transform:scale(.9) rotate(180deg);transform:scale(.9) rotate(180deg)}
.index-pro div.more-btn div.btn{width:18px;height:18px;margin:15px auto;position:relative}
.index-pro div.more-btn div.btn span{position:absolute;top:50%;left:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.index-pro div.more-btn a:hover div.btn span{background:#0addc2}
.index-pro div.more-btn div.btn span.l1{width:100%;height:2px}
.index-pro div.more-btn div.btn span.l2{height:100%;width:2px}
/*.index-pro .con .canc{height:670px;overflow: hidden;}*/
.index-pro .con .canc .con02{position: absolute;left: -900000px;width:100%;}
.index-pro .con .canc .con02.cur{position: static;left:0px;}
#show-wrap .left,
#show-wrap .right{top:50%;margin-top:-39px;width:40px;height:78px;}
#show-wrap .left i,
#show-wrap .right i{color:#0addc2;font-size:24px;}
#show-wrap .left{left:-90px;}
#show-wrap .right{right:-90px;}

@media screen and (max-width: 1440px){
  #show-wrap .left,
  #show-wrap .right{margin-top:-19.5px;width:20px;height:39px;}
  #show-wrap .left{left:-30px;}
  #show-wrap .right{right:-30px;}
}


@media screen and (max-width: 750px){
  .index-pro .con .canc{height:auto;padding-bottom:3rem;}
  .index-pro .con02{height:auto;}
  .index-pro .con .cate .ca1{margin-right:10px;}
  .index-pro .con02 .swiper-slide .img{background:#fff;padding:2rem 0px;}
  .index-pro .con02 p.tit1{margin:2rem auto 1rem;font-size:14px;}
  .index-pro .con02 p.txt1{font-size:16px;line-height: 24px;}
  .index-pro .con02 p.ttt1{margin:1rem auto 1.5rem;}
}